{% extends "PC/template.html" %}

{% block title %}
我的AI - 图像生成
{% endblock %}

{% block css %}
{% endblock %}


{% block content %}
{{ request.path }}
{% endblock %}

{% block js %}
<script>
    layui.use(function () {
        var form = layui.form;
        var table = layui.table;
        var layer = layui.layer;
        var util = layui.util;

        function get_model() {
            layer.open({
                type: 1, // page 层类型
                area: ['500px', '300px'],
                title: '选择图像模型',
                shadeClose: true, // 点击遮罩区域，关闭弹层
                maxmin: true, // 允许全屏最小化
                // 注: 这里特别对 select 设置了 lay-append-position 属性，以便与 layer 的定位方式保持一致
                content: '<form class="layui-form layui-padding-3" lay-filter="test"><select lay-filter="demo-select-filter" lay-append-to="body" lay-append-position="fixed"><option value="">请选择你的专属图像引擎模型</option><option value="tengxunyuanbao">腾讯元宝</option></select></form>',
                success: function (layero) {
                    // 定向渲染 select
                    form.render(layero.find('.layui-form select'));
                    // 鼠标滑动 layer 内部滚动条时移除下拉框，以规避错位
                    // 若 layer 内部不存在滚动条，以下代码可删除
                    var selectElem = layero.find('.layui-form-select');
                    layero.find('.layui-layer-content').on('scroll', function () {
                        selectElem.removeClass('layui-form-selected');
                        layui.$('.layui-select-panel-wrap').detach();
                    });
                },
            });
        }
        get_model()

        form.on('select(demo-select-filter)', function (data) {
            var value = data.value; // 获得被选中的值
            window.location.href = `/web/pc/generate_images/${value}/`;
            
        });
    });
</script>
{% endblock %}